/** Green #28a745 **/

.text-green {
	color: #28A745 !important;
}

.label-green {
	background-color: #28A745 !important;
}

.btn-green,
.btn-green.disabled {
	color: #FFF !important;
	background: #28A745;
	border: 1px solid #28A745;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-green:hover,
.btn-green.disabled:hover {
	background: #28A745;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	border: 1px solid #28A745;
}

.btn-green.active, .btn-green:focus,
.btn-green.disabled.active,
.btn-green.disabled:focus {
	background: #28A745;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
}

.btn-green.active.focus,
.btn-green.active:hover,
.btn-green.focus:active,
.open > .dropdown-toggle.btn-green:focus,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:focus {
	background-color: #28A745;
	border: 1px solid #28A745;
}

.btn-outline-green {
	color: #28A745;
	background-color: transparent;
	border-color: #28A745;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green.focus {
	background: #28A745;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	color: #FFF;
	border-color: #28A745;
}

.btn-outline-green.active, .btn-outline-green:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
}

.alert-green {
	color: #3C763D;
	background-color: #DFF0D8;
	border-color: #D6E9C6;
}

.alert-green .alert-link {
	color: #244624;
}

.alert-danger hr {
	border-top-color: #2b542c;
}

.bg-green {
	background-color: #28A745 !important;
}

.bg-light-green {
	background-color: rgba(40, 167, 69, 0.19);
}

.ribbon-green {
	background: #28A745;
}

.ribbon-bookmark.ribbon-grey:before {
	border-color: #28A745;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-grey:before {
	border-right-color: #28A745;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-grey:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-grey:before {
	border-right-color: #28A745;
	border-bottom-color: transparent;
}

.ribbon-grey.ribbon-corner:before {
	border-top-color: #28A745;
	border-left-color: #28A745;
}

.ribbon-grey.ribbon-corner.ribbon-right:before {
	border-right-color: #28A745;
	border-left-color: transparent;
}

.ribbon-grey.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #28A745;
}

/** Darkgreen #0C7720 **/

.text-darkgreen {
	color: #0C7720 !important;
}

.label-darkgreen {
	background-color: #0C7720 !important;
}

.btn-darkgreen,
.btn-darkgreen.disabled {
	color: #FFF !important;
	background: #0C7720;
	border: 1px solid #0C7720;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-darkgreen:hover,
.btn-darkgreen.disabled:hover {
	background: #0C7720;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	border: 1px solid #0C7720;
}

.btn-darkgreen.active, .btn-darkgreen:focus,
.btn-darkgreen.disabled.active,
.btn-darkgreen.disabled:focus {
	background: #0C7720;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
}

.btn-darkgreen.active.focus,
.btn-darkgreen.active:hover,
.btn-darkgreen.focus:active,
.open > .dropdown-toggle.btn-darkgreen:focus,
.open > .dropdown-toggle.btn-darkgreen:hover,
.btn-darkgreen:focus {
	background-color: #0C7720;
	border: 1px solid #0C7720;
}

.btn-outline-darkgreen {
	color: #0C7720;
	background-color: transparent;
	border-color: #0C7720;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-darkgreen:hover, .btn-outline-darkgreen:focus, .btn-outline-darkgreen.focus {
	background: #0C7720;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	color: #FFF;
	border-color: #0C7720;
}

.btn-outline-darkgreen.active, .btn-outline-darkgreen:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
}

.alert-darkgreen {
	color: #3C763D;
	background-color: #DFF0D8;
	border-color: #D6E9C6;
}

.alert-darkgreen .alert-link {
	color: #244624;
}

.alert-danger hr {
	border-top-color: #2b542c;
}

.bg-darkgreen {
	background-color: #0C7720 !important;
}

.bg-light-darkgreen {
	background-color: rgba(40, 167, 69, 0.19);
}

.ribbon-darkgreen {
	background: #0C7720;
}

.ribbon-bookmark.ribbon-grey:before {
	border-color: #0C7720;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-grey:before {
	border-right-color: #0C7720;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-grey:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-grey:before {
	border-right-color: #0C7720;
	border-bottom-color: transparent;
}

.ribbon-grey.ribbon-corner:before {
	border-top-color: #0C7720;
	border-left-color: #0C7720;
}

.ribbon-grey.ribbon-corner.ribbon-right:before {
	border-right-color: #0C7720;
	border-left-color: transparent;
}

.ribbon-grey.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #0C7720;
}

/** Bluegreen #105d6d **/

.bg-bluegreen {
	background-color: #105d6d !important;
}

.text-bluegreen {
	color: #105d6d !important;
}

.btn-bluegreen,
.btn-bluegreen.disabled {
	color: #FFF !important;
	background: #105d6d;
	border: 1px solid #105d6d;
	-webkit-box-shadow: 0 2px 2px 0 rgba(16, 93, 109, 0.14), 0 3px 1px -2px rgba(16, 93, 109, 0.2), 0 1px 5px 0 rgba(16, 93, 109, 0.12);
	box-shadow: 0 2px 2px 0 rgba(16, 93, 109, 0.14), 0 3px 1px -2px rgba(16, 93, 109, 0.2), 0 1px 5px 0 rgba(16, 93, 109, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-bluegreen:hover,
.btn-bluegreen.disabled:hover {
	background: #105d6d;
	-webkit-box-shadow: 0 14px 26px -12px rgba(16, 93, 109, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(16, 93, 109, 0.2);
	box-shadow: 0 14px 26px -12px rgba(16, 93, 109, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(16, 93, 109, 0.2);
	border: 1px solid #808080;
}

.btn-bluegreen.active, .btn-bluegreen:focus,
.btn-bluegreen.disabled.active,
.btn-bluegreen.disabled:focus {
	background: #1d8ea6;
	border: 1px solid #1d8ea6;
	-webkit-box-shadow: 0 14px 26px -12px rgba(29, 142, 166, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 137, 162, 0.2);
	box-shadow: 0 14px 26px -12px rgba(29, 142, 166, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 137, 162, 0.2);
}

.btn-bluegreen.active.focus,
.btn-bluegreen.active:focus,
.btn-bluegreen.active:hover,
.btn-bluegreen.focus:active,
.btn-bluegreen:active:focus,
.btn-bluegreen:active:hover,
.open > .dropdown-toggle.btn-bluegreen.focus,
.open > .dropdown-toggle.btn-bluegreen:focus,
.open > .dropdown-toggle.btn-bluegreen:hover,
.btn-bluegreen.focus,
.btn-bluegreen:focus {
	background-color: #1d8ea6;
	border: 1px solid #1d8ea6;
}

.bg-bluegreen {
	background-color: #105d6d !important;
}

.text-bluegreen {
	color: #105d6d !important;
}

.bg-bluegreen {
	background-color: #105d6d !important;
}

.text-bluegreen {
	color: #105d6d;
}

/** brown #A52A2A **/

.text-brown {
	color: #A52A2A !important;
}

.label-brown {
	background-color: #A52A2A !important;
}

.btn-brown,
.btn-brown.disabled {
	color: #FFF !important;
	background: #A52A2A;
	border: 1px solid #A52A2A;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-brown:hover,
.btn-brown.disabled:hover {
	background: #A52A2A;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	border: 1px solid #A52A2A;
}

.btn-brown.active, .btn-brown:focus,
.btn-brown.disabled.active,
.btn-brown.disabled:focus {
	background: #A52A2A;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-brown.active.focus,
.btn-brown.active:focus,
.btn-brown.active:hover,
.btn-brown.focus:active,
.btn-brown:active:focus,
.btn-brown:active:hover,
.open > .dropdown-toggle.btn-brown.focus,
.open > .dropdown-toggle.btn-brown:focus,
.open > .dropdown-toggle.btn-brown:hover,
.btn-brown.focus,
.btn-brown:focus {
	background-color: #A52A2A;
	border: 1px solid #A52A2A;
}

.btn-outline-brown {
	color: #A52A2A;
	background-color: transparent;
	border-color: #A52A2A;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown.focus {
	background: #A52A2A;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	color: #FFF;
	border-color: #A52A2A;
}

.btn-outline-brown.active, .btn-outline-brown:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

/** grey #808080 **/

.text-grey {
	color: #808080 !important;
}

.label-grey {
	background-color: #808080 !important;
}

.btn-grey,
.btn-grey.disabled {
	color: #FFF !important;
	background: #808080;
	border: 1px solid #808080;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-grey:hover,
.btn-grey.disabled:hover {
	background: #808080;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	border: 1px solid #808080;
}

.btn-grey.active, .btn-grey:focus,
.btn-grey.disabled.active,
.btn-grey.disabled:focus {
	background: #808080;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-grey.active.focus,
.btn-grey.active:focus,
.btn-grey.active:hover,
.btn-grey.focus:active,
.btn-grey:active:focus,
.btn-grey:active:hover,
.open > .dropdown-toggle.btn-grey.focus,
.open > .dropdown-toggle.btn-grey:focus,
.open > .dropdown-toggle.btn-grey:hover,
.btn-grey.focus,
.btn-grey:focus {
	background-color: #808080;
	border: 1px solid #808080;
}

.btn-outline-grey {
	color: #808080;
	background-color: transparent;
	border-color: #808080;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey.focus {
	background: #808080;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	color: #FFF;
	border-color: #808080;
}

.btn-outline-grey.active, .btn-outline-grey:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}


.ribbon-grey {
	background: #808080;
}

.ribbon-bookmark.ribbon-grey:before {
	border-color: #808080;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-grey:before {
	border-right-color: #808080;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-grey:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-grey:before {
	border-right-color: #808080;
	border-bottom-color: transparent;
}

.ribbon-grey.ribbon-corner:before {
	border-top-color: #808080;
	border-left-color: #808080;
}

.ribbon-grey.ribbon-corner.ribbon-right:before {
	border-right-color: #808080;
	border-left-color: transparent;
}

.ribbon-grey.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #808080;
}

/** yellow #FFD700 **/

.text-yellow {
	color: #FFD700 !important;
}

.label-yellow {
	background-color: #FFD700 !important;
}

.btn-yellow,
.btn-yellow.disabled {
	color: #FFF !important;
	background: #FFD700;
	border: 1px solid #FFD700;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-yellow:hover,
.btn-yellow.disabled:hover {
	background: #FFD700;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	border: 1px solid #FFD700;
}

.btn-yellow.active, .btn-yellow:focus,
.btn-yellow.disabled.active,
.btn-yellow.disabled:focus {
	background: #FFD700;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-yellow.active.focus,
.btn-yellow.active:focus,
.btn-yellow.active:hover,
.btn-yellow.focus:active,
.btn-yellow:active:focus,
.btn-yellow:active:hover,
.open > .dropdown-toggle.btn-yellow.focus,
.open > .dropdown-toggle.btn-yellow:focus,
.open > .dropdown-toggle.btn-yellow:hover,
.btn-yellow.focus,
.btn-yellow:focus {
	background-color: #FFD700;
	border: 1px solid #FFD700;
}

.btn-outline-yellow {
	color: #FFD700;
	background-color: transparent;
	border-color: #FFD700;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow.focus {
	background: #FFD700;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	color: #FFF;
	border-color: #FFD700;
}

.btn-outline-yellow.active, .btn-outline-yellow:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

/** black #000000 **/

.text-black {
	color: #000 !important;
}

.label-black {
	background-color: #000 !important;
}

.btn-black,
.btn-black.disabled {
	color: #FFF !important;
	background: #000;
	border: 1px solid #000;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-black:hover,
.btn-black.disabled:hover {
	background: #000;
	-webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	border: 1px solid #000;
}

.btn-black.active, .btn-black:focus,
.btn-black.disabled.active,
.btn-black.disabled:focus {
	background: #000;
	-webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.btn-black.active.focus,
.btn-black.active:focus,
.btn-black.active:hover,
.btn-black.focus:active,
.btn-black:active:focus,
.btn-black:active:hover,
.open > .dropdown-toggle.btn-black.focus,
.open > .dropdown-toggle.btn-black:focus,
.open > .dropdown-toggle.btn-black:hover,
.btn-black.focus,
.btn-black:focus {
	background-color: #000;
	border: 1px solid #000;
}

.btn-outline-black {
	color: #000;
	background-color: transparent;
	border-color: #000;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black.focus {
	background: #000;
	-webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	color: #FFF;
	border-color: #000;
}

.btn-outline-black.active, .btn-outline-black:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

/** pink #FF69B4 **/

.text-pink {
	color: #FF69B4 !important;
}

.label-pink {
	background-color: #FF69B4 !important;
}

.btn-pink,
.btn-pink.disabled {
	color: #FFF !important;
	background: #FF69B4;
	border: 1px solid #FF69B4;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-pink:hover,
.btn-pink.disabled:hover {
	background: #FF69B4;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	border: 1px solid #FF69B4;
}

.btn-pink.active, .btn-pink:focus,
.btn-pink.disabled.active,
.btn-pink.disabled:focus {
	background: #FF69B4;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-pink.active.focus,
.btn-pink.active:focus,
.btn-pink.active:hover,
.btn-pink.focus:active,
.btn-pink:active:focus,
.btn-pink:active:hover,
.open > .dropdown-toggle.btn-pink.focus,
.open > .dropdown-toggle.btn-pink:focus,
.open > .dropdown-toggle.btn-pink:hover,
.btn-pink.focus,
.btn-pink:focus {
	background-color: #FF69B4;
	border: 1px solid #FF69B4;
}

.btn-outline-pink {
	color: #FF69B4;
	background-color: transparent;
	border-color: #FF69B4;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink.focus {
	background: #FF69B4;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	color: #FFF;
	border-color: #FF69B4;
}

.btn-outline-pink.active, .btn-outline-pink:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

/** Dark Blue #1d568a **/

.text-darkblue {
	color: #1D568A !important;
}

.label-darkblue {
	background-color: #1D568A !important;
}

.btn-darkblue,
.btn-darkblue.disabled {
	color: #FFF !important;
	background: #1D568A;
	border: 1px solid #1D568A;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-darkblue:hover,
.btn-darkblue.disabled:hover {
	background: #1D568A;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	border: 1px solid #1D568A;
}

.btn-darkblue.active, .btn-darkblue:focus,
.btn-darkblue.disabled.active,
.btn-darkblue.disabled:focus {
	background: #1D568A;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-darkblue.active.focus,
.btn-darkblue.active:focus,
.btn-darkblue.active:hover,
.btn-darkblue.focus:active,
.btn-darkblue:active:focus,
.btn-darkblue:active:hover,
.open > .dropdown-toggle.btn-darkblue.focus,
.open > .dropdown-toggle.btn-darkblue:focus,
.open > .dropdown-toggle.btn-darkblue:hover,
.btn-darkblue.focus,
.btn-darkblue:focus {
	background-color: #1D568A;
	border: 1px solid #1D568A;
}

.btn-outline-darkblue {
	color: #1D568A;
	background-color: transparent;
	border-color: #1D568A;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-darkblue:hover, .btn-outline-darkblue:focus, .btn-outline-darkblue.focus {
	background: #1D568A;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	color: #FFF;
	border-color: #1D568A;
}

.btn-outline-darkblue.active, .btn-outline-darkblue:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

/** Orange #fb8c00 **/


.text-orange {
	color: #fb8c00 !important;
}

.label-orange {
	background-color: #fb8c00 !important;
}

.btn-orange,
.btn-orange.disabled {
	color: #FFF !important;
	background: #fb8c00;
	border: 1px solid #fb8c00;
	-webkit-box-shadow: 0 2px 2px 0 rgba(251, 140, 0, 0.14), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(251, 140, 0, 0.14), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-orange:hover,
.btn-orange.disabled:hover {
	background: #fb8c00;
	-webkit-box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
	border: 1px solid #fb8c00;
}

.btn-orange.active, .btn-orange:focus,
.btn-orange.disabled.active,
.btn-orange.disabled:focus {
	background: #fb8c00;
	-webkit-box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
}

.btn-orange.active.focus,
.btn-orange.active:hover,
.btn-orange.focus:active,
.open > .dropdown-toggle.btn-orange:focus,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:focus {
	background-color: #fb8c00;
	border: 1px solid #fb8c00;
}

.btn-outline-orange {
	color: #fb8c00;
	background-color: transparent;
	border-color: #fb8c00;
	-webkit-box-shadow: 0 2px 2px 0 rgba(251, 140, 0, 0.14), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(251, 140, 0, 0.14), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange.focus {
	background: #fb8c00;
	-webkit-box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
	color: #FFF;
	border-color: #fb8c00;
}

.btn-outline-orange.active, .btn-outline-orange:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
}


/** Custom Kraftpojkrana #00a36c **/

.text-custom-kp {
	color: #00a36c !important;
}

.label-custom-kp {
	background-color: #00a36c !important;
}

.btn-custom-kp,
.btn-custom-kp.disabled {
	color: #FFF !important;
	background: #00a36c;
	border: 1px solid #00a36c;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-custom-kp:hover,
.btn-custom-kp.disabled:hover {
	background: #00a36c;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	border: 1px solid #00a36c;
}
-blue
.btn-custom-kp.active, .btn-custom-kp:focus,
.btn-custom-kp.disabled.active,
.btn-custom-kp.disabled:focus {
	background: #00a36c;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
}

.btn-custom-kp.active.focus,
.btn-custom-kp.active:hover,
.btn-custom-kp.focus:active,
.open > .dropdown-toggle.btn-custom-kp:focus,
.open > .dropdown-toggle.btn-custom-kp:hover,
.btn-custom-kp:focus {
	background-color: #00a36c;
	border: 1px solid #00a36c;
}

.btn-outline-custom-kp {
	color: #00a36c;
	background-color: transparent;
	border-color: #00a36c;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.14), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-custom-kp:hover, .btn-outline-custom-kp:focus, .btn-outline-custom-kp.focus {
	background: #00a36c;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	color: #FFF;
	border-color: #00a36c;
}

.btn-outline-custom-kp.active, .btn-outline-custom-kp:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2);
}

.border-1 {
	border-width: 1px !important;
}

.border-2 {
	border-width: 2px !important;
}

.border-3 {
	border-width: 3px !important;
}

.border-4 {
	border-width: 4px !important;
}

.border-5 {
	border-width: 5px !important;
}

/** Cash register **/
.bg-blue {
	background-color: #22435D;
}
.bg-light-blue {
	background-color: rgba(34, 67, 93, 0.15);
}
.border-light-blue {
	border: 1px solid rgba(34, 67, 93, 0.4);
}
.border-blue {
	border: 1px solid #22435D;
}
.btn-category, .btn-split-payment, .btn-park-receipt, .btn-function {
	background-color: #39393c;
	color: #dddddd;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border: 1px solid transparent;
}
.btn-order {
	background-color: #5DA4DC;
	color: #ffffff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border: 1px solid transparent;
}
@media(hover:hover) {
	.btn-order:hover {
		background-color: #469CE0;
	}
}
.btn-delete-receipt {
	background-color: #ec5a5a;
	color: #ffffff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border: 1px solid transparent;
}
.btn-delete-receipt.disabled {
	background-color: #a34f4f;
}
@media (hover:hover) {
	.btn-delete-receipt:hover {
		background-color: #F14343;
	}
	.btn-delete-receipt.disabled:hover {
		background-color: #a34f4f;
	}
}


/* Button colours defined by Victoria */

.btn-product-purple {
	background-color: #7A7AC0;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-purple:hover {
		background-color: #6767BF;
	}
}
.btn-product-yellow {
	background-color: #FDAC59;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-yellow:hover {
		background-color: #FC9F41;
	}
}
.btn-product-coral {
	background-color: #F87474;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-coral:hover {
		background-color: #F75B5B;
	}
}
.btn-product-dark-pink {
	background-color: #AE597A;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-dark-pink:hover {
		background-color: #AD4871;
	}
}

/* Additional button colours selected from WorkCloud standard colours. The concept is that hover = full colour and not hovered is a less saturated/brighter version. */

.btn-product-wc-brown {
	background-color: #a34b4b;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-wc-brown:hover {
		background-color: #a52a2a;
	}
}

.btn-product-wc-yellow {
	background-color: #f9cf58;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-wc-yellow:hover {
		background-color: #EFC755;
	}
}

.btn-product-wc-green {
	background-color: #48a55d;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-wc-green:hover {
		background-color: #28a745;
	}
}

.btn-product-wc-megna {
	background-color: #079383;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-wc-megna:hover {
		background-color: #00897b;
	}
}

.btn-product-wc-success {
	background-color: #3cc9d8;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-wc-success:hover {
		background-color: #26c6da;
	}
}

.btn-product-wc-info {
	background-color: #3692e2;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-wc-info:hover {
		background-color: #1e88e5;
	}
}

.btn-product-wc-pink {
	background-color: #ff84c1;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-wc-pink:hover {
		background-color: #ff69b4;
	}
}

.btn-product-wc-danger {
	background-color: #f96381;
	box-shadow: rgba(98, 113, 126, 0.15) 0px 1px 2px 0px, rgba(98, 113, 126, 0.15) 0px 1px 3px 1px;
}
@media(hover:hover) {
	.btn-product-wc-danger:hover {
		background-color: #fc4b6c;
	}
}

/* Test for buttons with background image */
.bg-button {
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}

.text-button {
	color: #ffffff !important; /* same as text-white */
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.25);
	display: inline-flex; /* TEST!! */
	line-height: 1.25; /* TEST!! */
}

.bg-button .cr-button-text {
	background: rgb(0,0,0,0.4);
}

/* Test for buttons with high brightness */
.btn-product-wc-yellow .text-button, .btn-product-wc-success .text-button {
	/* color: #000000 !important; */
}

/* Hide up/down buttons on numeric inputs and use bigger buttons */
input.noarrows[type='number'] {
	-moz-appearance:textfield;
}

input.noarrows::-webkit-outer-spin-button, input.noarrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

/* Checkbox switch which always will display as "on" for both states */

.switch label input[type=checkbox].always-on + .lever {
	background-color: #84c7c1;
}

.switch label input[type=checkbox].always-on + .lever:after {
	background-color: #26a69a;
}

/* Fullcalendar 6.x buttons*/
.fc .fc-button-primary {
	background-color: #f8f9fa!important;
	border-color: #c6cad1b5 !important;
	color: #1D568A !important
}

.fc .fc-button-primary:hover {
	background-color: #1D568A !important;
	border-color: #c6cad1b5 !important;
	color: #FFF !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
	background-color: #1D568A !important;
	border-color: #c6cad1b5 !important;
	color: #FFF !important;
}

.fc .fc-button-primary:disabled {
	background-color: #D9DDE4 !important;
	border-color: #c6cad1b5 !important;
	color: #FFF !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
	box-shadow: unset !important;
}

.fc-not-allowed {
	cursor: not-allowed !important;
}

/* Begin checkbox with border always - simulates the other type of checkbox */

.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1;
}

.checkbox-container input[type="checkbox"] {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	height: 0;
	width: 0;
}

.checkmark-white, .checkmark-black {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background: transparent;
	border: 2px solid #ffffff;
}

.checkmark-black {
	border-color: #5a5a5a;
}

.checkmark-white:after, .checkmark-black:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-container input[type="checkbox"]:checked ~ .checkmark-white:after,
.checkbox-container input[type="checkbox"]:checked ~ .checkmark-black:after {
	display: block;
}

.checkbox-container .checkmark-white:after, .checkbox-container .checkmark-black:after {
	left: 2px;
	top: -4px;
	width: 10px;
	height: 18px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;

	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 0.1s;
	-webkit-animation-name: checkmark-rotate;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;

	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 0.1s;
	-moz-animation-name: checkmark-rotate;
	-moz-animation-duration: 0.1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-moz-animation-fill-mode: forwards;

	transition-property: transform, -webkit-transform;
	transition-duration: 0.1s;
	animation-name: checkmark-rotate;
	animation-duration: 0.1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;

	-o-transition-property: transform;
	-o-transition-duration: 0.1s;
}

.checkbox-container .checkmark-black:after {
	border-color: #26a69a;
}

@-webkit-keyframes checkmark-rotate {
	from {
		-webkit-transform: rotate(80deg); }
	to {
		-webkit-transform: rotate(45deg); }
}

@-moz-keyframes checkmark-rotate {
	from {
		-moz-transform: rotate(80deg); }
	to {
		-moz-transform: rotate(45deg); }
}

@keyframes checkmark-rotate {
	from {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg); }
	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg); }
}

/* End checkbox with border always */